<!DOCTYPE html>
{{$path := .Path}}
<html>
<head>
    <title>Beego</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="/public/css/pure-min.css" type="text/css" media="screen">
    <link rel="stylesheet" href="/public/css/blog.css" type="text/css" media="screen">

</head>
<body>

<div class="header">
    <div class="pure-menu pure-menu-open pure-menu-fixed pure-menu-horizontal">
        <a class="pure-menu-heading">
            <h1 class="brand-title">灰灰的博客</h1>
        </a>
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">文记</a></li>
            <li><a href="#">杂谈</a></li>
            <li><a href="#">风景</a></li>
            <li><a href="#">技术</a></li>
            <li><a href="#">胡侃</a></li>
            <li><a href="#">联系我</a></li>
        </ul>
    </div>
</div>

<div class="pure-u-1">
    <div class="content">
        <!-- A wrapper for all the blog posts -->
        <div class="posts">
            <h1 class="content-subhead">项目列表</h1>

            <!-- A single blog post -->
            <section class="post">
                <header class="post-header">
                    <img class="post-avatar"
                         alt="Tilo Mitra's avatar" src="/public/img/common/tilo-avatar.png"
                         height="48" width="48">

                    <h2 class="post-title">{{.Website}}</h2><a href="{{$path}}">新增</a>

                    <p class="post-meta">
                        By <a href="{{.Email}}" class="post-author">{{.Email}}</a> under <a
                            class="post-category post-category-design" href="#">CSS</a> <a
                            class="post-category post-category-pure" href="#">Pure</a>
                    </p>
                </header>

                <div class="post-description">
                    {{with .Page}}
                        {{range .Models}}
                            <p>
                                {{.Object.Name}} <a href="{{$path}}/{{.Object.Id}}">查看</a>
                            </p>
                        {{end}}
                    {{end}}
                    <p>
                        Yesterday at CSSConf, we launched Pure – a new CSS library. Phew! Here are the <a
                            href="https://speakerdeck.com/tilomitra/pure-bliss">slides from the presentation</a>.
                        Although it looks pretty minimalist, we’ve been working on Pure for several months. After many
                        iterations, we have released Pure as a set of small, responsive, CSS modules that you can use in
                        every web project.
                    </p>
                </div>
            </section>
        </div>
        <footer class="footer">
            <div class="pure-menu pure-menu-horizontal pure-menu-open">
                <ul>
                    <li><a href="http://purecss.io/">About</a></li>
                    <li><a href="http://twitter.com/yuilibrary/">Twitter</a></li>
                    <li><a href="http://github.com/yui/pure/">Github</a></li>
                </ul>
            </div>
        </footer>
    </div>
</div>
</div>
</body>
</html>
